.header{
  background: #fb0303f0;
}

.shopcar_list{
    padding-top: 60px;
    padding-bottom: 60px;
    width:100%;
    .shopcar_card_box{
        width: 95%;
        margin: 0 auto;
        background: #fff;
        border-radius: 5px;
        padding: 10px 0;
        margin-bottom: 20px;
        border: 1px solid transparent ;
        .shopcar_card{
            width: 98%;
            margin: 0 auto;
            display: flex;
            justify-content: flex-start;
          
            .shopcar_card_check{
                width: 13%;
                display: flex;
                justify-content: center;
                align-content: center;
                align-items: center;
                .mint-switch{
                    transform: scale(.5)
                }
            }
            .shopcar_card_img{
                width:22%;
                height: 105px;
                overflow: hidden;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .shopcar_card_text{
                width: 52%;
                margin-left: 3%;
                dl{
                    dt{
                        width: 100%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2; 
                        font-size: 14px;
                        color: #1e1e1e; 
                        margin-bottom: 10px !important;
                    }
                    dd{
                       display: flex;
                       justify-content: flex-start;
                       margin-top: 10px;
                       &:nth-of-type(1){
                           span{
                               margin-right: 8px;
                               font-size: 12px;
                               color: #bbb;
                               background: #f8f8f8;
                               padding: 2px 10px;
                           }
                       }
                       &:nth-of-type(2){
                           display: flex;
                           justify-content: space-between;
                           align-items: center;
                           align-content:center;
                           a{
                               font-size: 16px;
                                color: #fb0303f0 !important;
                           }
                           span{
                               transform: scale(.7)
                           }
                       }
                    }
                }
            }
        }
    }
}

.border{
    border: 1px solid #fb0303f0 !important;
}

.salecard{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 15px 0;
    border-top: 1px solid #f3f3f3;
    .mui-card{
        width: 94%;
        margin: 0 auto;
        border: none;
        box-shadow: none;
        .mui-card-content{
            display: flex;
            justify-content: space-between;
         p{
            display: flex;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            margin: 0;
             span{
                transform: scale(.7) 
             }
             font-size: 14px;
             color: #1e1e1e;
         }
         a{
             font-size: 14px;
             color: #1e1e1e;
             display: flex;
             justify-content: flex-start;
             align-content: center;
             align-items: center;
             span{
                 color: #fb0303f0;
                 font-size: 12px;
                 margin-right: 15px;
             }
           
         }
        }
    }
}
.gongji{
    background: #fc4903;
    color: #fff;
    padding: 10px 20px;
    border-radius:20px;;
    overflow: hidden;
   
}